
<extend name="Public/base"/>
<block name="head">
    <!-- DATA TABLES -->
   <!-- 
    <link href="__PUBLIC__/plugins/datatables/dataTables.bootstrap.css" rel="stylesheet" type="text/css" /> -->
    <link href="__PUBLIC__/plugins/datatables/jquery.dataTables.css" rel="stylesheet" type="text/css" />
    <link href="__PUBLIC__/plugins/datatables/extensions/TableTools/css/dataTables.tableTools.min.css" rel="stylesheet" type="text/css" />
</block>

<block name="body">
   <section class="content">
          <div class="row">
          	<div class="col-xs-12">
                <div class="box">

                <div class="box-body table-responsive">
                  <table id="api-tables" class="table table-bordered table-striped">
                    <thead>
                      <tr>
                            <th>编号</th>
                            <th>Api名称</th>
                            <th>Api地址</th>
                            <th>平台</th>
                            <th>状态</th>
                            <th>Api Token</th>
                            <th>操作</th>
                      </tr>
                    </thead>
                   <tbody>
                     <volist name="lists" id="vo" >
                        <tr>
	                        <td>{$vo['id']}</td>

	                        <td><a href="__URL__/index/pid/{$vo['id']}/" target="navTab" rel="__MODULE__">{$vo['name']}</a></td>

	                        <td>{$vo['api_address']}</td>

	                        <td>
                              {$vo['platform']|getOptionsLabel=C('platform')}
                          </td>

 							<td>{$vo['status'] | getStatus}</td>

	                        <td>{$vo['api_token']}</td>
	                       
	                        <td>
	                            <p data-placement="top" data-toggle="tooltip" title="Edit">
	                                <a href="__URL__/edit/id/{$vo['id']}">
	                                	<button class="btn btn-primary btn-xs" data-title="Edit" >
	                                		<span class="glyphicon glyphicon-pencil"></span>
	                                	</button>
	                                </a>
	                            </p>
	                        </td>
                        </tr>
                        </volist>
                   </tbody>
        
                  </table>
                </div><!-- /.box-body -->
              </div><!-- /.box -->
            </div><!-- /.col -->
          </div><!-- /.row -->
         <include file="add" />
        </section><!-- /.content -->
</block>
<block name="script">

    <script src="__PUBLIC__/plugins/datatables/jquery.dataTables.min.js" type="text/javascript"></script>
    <script src="__PUBLIC__/plugins/datatables/dataTables.bootstrap.min.js" type="text/javascript"></script>

    <script src="__PUBLIC__/plugins/datatables/extensions/TableTools/js/dataTables.tableTools.min.js" type="text/javascript"></script>
    <script type="text/javascript">
        $(function () {

            iniDataTable("#api-tables",'','__URL__');
            iniAjaxFormDialog('#apiAddForm','#add');
        });

    </script>

</block>